<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//ES" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>

<!--[if IE]> <script> (function() { var html5 = ("abbr,article,aside,audio,canvas,datalist,details," + "figure,footer,header,hgroup,mark,menu,meter,nav,output," + "progress,section,time,video").split(','); for (var i = 0; i < html5.length; i++) { document.createElement(html5[i]); } try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {} })(); </script> <![endif]-->
<script src='http://ajax.googleapis.com/ajax/libs/mootools/1.1.1/mootools.js' type='text/javascript'></script>
<script src='http://sites.google.com/site/bloggerspansite/silverline-jd.gallery.txt' type='text/javascript'></script>
<title>Webbase Dashboard</title>
<link type='text/css' rel='stylesheet' href='http://www.blogger.com/static/v1/widgets/2473101915-widget_css_bundle.css' />
<link type="text/css" rel="stylesheet" href="http://www.blogger.com/dyn-css/authorization.css?targetBlogID=5693788434945518268&zx=96befcb4-04c6-42e6-b942-665fc0137d01"/>
<link rel="stylesheet" href="template/temp_default/css/style.css" type="text/css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script> 
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js"></script>
 <script type="text/javascript" src="template/temp_default/js/jquery.js"></script>
 <script type="text/javascript" src="template/temp_default/js/library.js"></script>
<style type="text/css">
#navbar-iframe { display:block }
</style>
<style id='page-skin-1' type='text/css'>
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}
/*  The CSS Reset    */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike,text, strong, sub, sup, tt, var,dl, dt, dd,fieldset, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
* {margin:0;padding:0;}
body{ font-family: Arial;
color: #fff;
background: #155169 url(http://4.bp.blogspot.com/_PssOP4rSevU/SxMlTE0betI/AAAAAAAABeE/mX1r2flh-fA/s1600/body-bg.jpg) no-repeat top center ; }
.clear{ clear: both; }
a {color:#fff;text-decoration:none}
a:hover {color:#CCFF3D;}
img.aligncenter {
margin: 0 auto;
display: block;
}
.alignleft {
float: left;
}
img.alignleft {
float: left;
margin: 5px 10px 0 0;display: inline;
}
.alignright {
float: right;
}
img.alignright {
float: right;display: inline;
margin: 5px 0 0 10px;
}
blockquote {background: #078FB4 url(http://2.bp.blogspot.com/_PssOP4rSevU/SxMlrYX90eI/AAAAAAAABes/_KmP5T9BYAU/s1600/quote.png) no-repeat top left;font-style: italic;margin-top:10px;margin-bottom:10px;padding:15px 15px 15px 30px;;}
/*-----------------------------------------------------------------Start Upper-part Layout-------------------------------------------------------*/
#header-wrap	{margin: 0px auto; height:100px;width:1000px;}
#logo { float:left;height:70px;margin-top:20px;}
#logo h1{background: url(http://1.bp.blogspot.com/_PssOP4rSevU/SxMlrLV6naI/AAAAAAAABec/cwNbhtY1n5U/s1600/logo.png) top left no-repeat; text-indent: -9999px;float:left;width:279px;height:69px;}
#search{float:right;width:255px;height:40px;margin-top:25px;display:inline;padding-top:15px}
input#s {width:190px; height:24px;padding-top:5px;margin-left:24px;background:url(http://3.bp.blogspot.com/_PssOP4rSevU/SxMl3uPflFI/AAAAAAAABfA/pZRdunHB8fQ/s1600/search-bg.png) repeat-y top left;color:#fff;border:1px solid #1CCDF9}
input#searchsubmit {color:#fff; background:url(http://3.bp.blogspot.com/_PssOP4rSevU/SxMl3T4pcBI/AAAAAAAABe8/9Vgw8_dpP50/s1600/search.png) no-repeat  top left;border:none;width:32px;height:32px;text-indent:-9999px;}
input#searchsubmit:hover {background:url(http://2.bp.blogspot.com/_PssOP4rSevU/SxMmDLtLs8I/AAAAAAAABfE/xh2zrj48GFQ/s1600/search-hover.png) no-repeat  top left}
/* Menu WRAP */
#menu-wrap { margin: 0px auto 30px; width: 998px; height:30px; background:url(http://1.bp.blogspot.com/_PssOP4rSevU/SxMmDYOac-I/AAAAAAAABfQ/Hy1yu7FnRMI/s1600/top-menu.png) repeat-x; border:1px solid #1CCDF9}
#menu-wrap ul{float:left;padding-top:5px;margin-left:15px;}
#menu-wrap ul li {display:inline;margin-right:20px;font-size:12px;font-weight:bold;}
#menu-wrap ul li a {color:#fff;padding:1px;line-height:14px;text-decoration:none}
#menu-wrap ul li a:hover {color:#CCFF3D;}
/*container */
#container { width:1000px; background:#078FB4 ;margin:0 auto 60px;padding-bottom:20px; border:1px solid #1CCDF9}
#left-sidebar {width:185px;float:left;display:inline;padding:10px 0 10px 0px;margin:0 0 0 10px}
#content {width:505px;float:left;display:inline;padding:10px 0 10px 0;margin-left:10px}
#right-sidebar {width:290px; float:right;display:inline;padding:10px 0 10px 0}
#gallery{width:490px;height:280px;background: #A7D9F3}
#twitter {width:186px;background:#1F7597  url(http://3.bp.blogspot.com/_PssOP4rSevU/SxMmDqHTpoI/AAAAAAAABfU/PSXguzB-vOM/s1600/twitter-bg.jpg) no-repeat top left ; float:left;display:inline;padding-bottom:10px;margin-bottom:10px;
margin-top:-15px;margin-left:-15px;}
#twitter-inside {color:#fff;display:inline;float:left;font-family:Georgia;font-size:12px;font-style:italic;margin:60px 10px 0 15px;width:160px;}
.twitter a {color:#fff;float:left;font-size:16px;margin-top:10px;padding-left:130px;display: inline;}
.twitter a:hover {color:#CCFF3D}
.twitter-link {color:#8FC321}
.follow {display:inline;float:left;height:50px;margin:0 0 0 45px;width:135px;}
.categories {width:186px;background:#1F7597  url(http://4.bp.blogspot.com/_PssOP4rSevU/SxMmJz4f7xI/AAAAAAAABfY/Op-WkYkJY0s/s1600/widget-bg.jpg) no-repeat top left ; float:left;display:inline;padding-bottom:10px;margin-bottom:10px;font-size:12px}
.categories h2 {font-size:14px;font-weight:bold;margin:15px 0 15px 30px;}
.categories ul {list-style:url(http://4.bp.blogspot.com/_PssOP4rSevU/SxMleieyCSI/AAAAAAAABeM/AvD7nxipZh4/s1600/bullet.png) outside;padding-left:15px;margin-left:20px;}
.categories li {font-size:12px;line-height:14px;margin-bottom:5px}
.categories a {color:#fff;text-decoration:none}
.categories a:hover {color:#CCFF3D;}
#left-sidebar .widget {width:156px;background:#1F7597  url(http://4.bp.blogspot.com/_PssOP4rSevU/SxMmJz4f7xI/AAAAAAAABfY/Op-WkYkJY0s/s1600/widget-bg.jpg) no-repeat top left ; float:left;display:inline;padding:15px;margin-bottom:10px;font-size:12px} #right-sidebar .widget {width:245px;background:#1F7597; float:left;display:inline;padding:15px;margin-bottom:10px;font-size:12px}
.widget h2 {font-size:14px;font-weight:bold;margin:0 0 15px 20px;;}
.widget ul {list-style:url(http://4.bp.blogspot.com/_PssOP4rSevU/SxMleieyCSI/AAAAAAAABeM/AvD7nxipZh4/s1600/bullet.png) inside;padding-left:5px}
.widget li {font-size:12px;line-height:14px;margin-bottom:5px}
.widget a {color:#fff;text-decoration:none}
.widget a:hover {color:#CCFF3D;}
#ads-wrap {width:186px;background:#1F7597  url(http://4.bp.blogspot.com/_PssOP4rSevU/SxMmJz4f7xI/AAAAAAAABfY/Op-WkYkJY0s/s1600/widget-bg.jpg) no-repeat top left ; float:left;display:inline;margin-bottom:10px;}
#ads-image {margin:5px 0 5px 0}
.ads {padding-left:4px;margin-bottom:5px;height:85px;width:85px}
#featured-wrap {width:490px; height:265px; background:#2B3842;border:1px solid #526270;float:left;display:inline;}
#ads468 {float:left;display:inline;padding:10px;width:470px}
#latest {font-weight:bold;font-size:12px;float:left;display:inline;padding:5px 0 5px 10px;width:485px;border-top: 2px solid #1CCDF9;border-bottom: 2px solid #1CCDF9}
.post-home {float:left;width:490px;height:200px;  background:#1F7597   url(http://3.bp.blogspot.com/_PssOP4rSevU/SxMlrXn2EzI/AAAAAAAABeo/uMTQWzFmeho/s1600/postbg.jpg) no-repeat top left;margin:10px 0 10px 0;font-size:13px; }
.post-home h2 {font-size:18px;margin:10px 0 0 60px;font-weight:bold;}
.post-home li {margin-left:40px;}
.post-home ul,ol {margin-top:10px;margin-bottom:10px}
.posttitle  {font-size:16px; color:#fff;text-decoration:none}
.posttitle a:hover {color:#CCFF3D}
.date {font-size:10px;margin-left:60px;display: inline;float:left;}
.date a {color:#8FC321;text-decoration:none;font-weight:bold}
.date a:hover {color:#CCFF3D;}
.entrysearch{float:left;margin:10px 10px 0;;display: inline}
.searchtitle {margin-left:10px;font-size:20px;margin-bottom:10px;}
.thumbnail {float:left;display: inline;margin:0px 10px 10px 10px ;width:125px;height:125px}
.entryhome {font-size:12px;width:300px;float:left;display: inline;margin-top:15px;}
.entryhome p {height:150px}
.entryhome a {color:#CCFF3D}
.entryhome a:hover {color:#8FC321}
.more-link {background:transparent url(http://1.bp.blogspot.com/_PssOP4rSevU/SxMlrBZO1RI/AAAAAAAABeg/TI1Ub043Hq0/s1600/more.png) no-repeat scroll 0 0;color:#FFFFFF;display:inline;float:right;font-size:11px;height:20px;padding:2px 0 0 3px;width:60px;text-indent:-9999px;margin:10px 0 0 0}
.more-link:hover {background:transparent url(http://1.bp.blogspot.com/_PssOP4rSevU/SxMlrBZO1RI/AAAAAAAABeg/TI1Ub043Hq0/s1600/more.png) no-repeat scroll 0 -22px;color:#1F7597}
#postnav {float:left;display:inline;font-size:12px;margin-left:100px;margin-top:10px;}
/* Right Sidebar area */
#feeds {font-size:12px;width:275px;height:141px; background: url(http://3.bp.blogspot.com/_PssOP4rSevU/SxMlfcubNgI/AAAAAAAABeY/8dR4wzJYiSk/s1600/feed-bg.jpg);margin-bottom:10px}
.textarea {background:#FFFFFF none repeat scroll 0 0;border:medium none;font-size:12px;height:20px;margin:50px 0 5px 15px;padding:5px 0 0 5px;width:155px;}
#feeds a {font-size:11px;color:#FF7300;text-decoration:none}
#feeds p {color:#51616E;margin-left:15px;}
#video {background:transparent url(images/video-bg.jpg) repeat scroll 0 0;height:200px;padding-left:20px;padding-top:55px;width:255px;}
#tabs  {font-size:12px;width:275px; background: #1F7597 ;margin-bottom:7px }
.right-widget{background:#1F7597  url(http://4.bp.blogspot.com/_PssOP4rSevU/SxMl3Tk3CZI/AAAAAAAABe0/7SjagEaNOtY/s1600/right-bg.png) repeat-y top left;width:275px;float:left;display:inline;font-size:12px;padding-bottom:10px;}
.right-heading {background:url(http://3.bp.blogspot.com/_PssOP4rSevU/SxMl3T5d_3I/AAAAAAAABe4/0ckA9yFBXS8/s1600/right-head.png) ;height:39px;padding:25px 0 0 20px; font-weight:bold;width:255px}
.right-widget ul {list-style:url(http://4.bp.blogspot.com/_PssOP4rSevU/SxMleieyCSI/AAAAAAAABeM/AvD7nxipZh4/s1600/bullet.png) outside;padding-left:25px;margin-left:30px;}
.right-widget li {font-size:12px;line-height:14px;margin:0 5px 5px 0}
.right-widget a {color:#fff;text-decoration:none}
.right-widget a:hover {color:#8FC321;}
.textwidget {padding-left:35px;text-align:justify;width:230px;}
.video-widget{background:#1F7597  url(http://4.bp.blogspot.com/_PssOP4rSevU/SxMl3Tk3CZI/AAAAAAAABe0/7SjagEaNOtY/s1600/right-bg.png) repeat-y top left;width:245px;float:left;display:inline;font-size:12px;padding-bottom:10px;padding-left:30px}
.video-heading {background:url(http://3.bp.blogspot.com/_PssOP4rSevU/SxMl3T5d_3I/AAAAAAAABe4/0ckA9yFBXS8/s1600/right-head.png) ;height:39px;padding:25px 0 0 20px; font-weight:bold;width:255px}
.video-widget ul {list-style:url(http://4.bp.blogspot.com/_PssOP4rSevU/SxMleieyCSI/AAAAAAAABeM/AvD7nxipZh4/s1600/bullet.png) outside;padding-left:25px;margin-left:30px;}
.video-widget li {font-size:12px;line-height:14px;margin-bottom:5px}
.video-widget a {color:#fff;text-decoration:none}
.video-widget a:hover {color:#CCFF3D;}
/*-----------------------------------------------------------------Start Bottom-part Layout-------------------------------------------------------*/
#footer {height:325px;}
#bottombar {height:265px;width:1000px;background: url(http://1.bp.blogspot.com/_PssOP4rSevU/SxMletceBsI/AAAAAAAABeI/ZaiJjhu2ReA/s1600/bottom-bg.png) no-repeat top left;margin:0 auto}
#about-wrap {float:left;width:310px;height:225px;margin:0 0 0 20px}
#about {float:left;margin-top:20px;}
#about-text {margin-left:10px;width:280px;display:inline;float:left;font-size:12px;background:url(http://2.bp.blogspot.com/_PssOP4rSevU/SxMlS1zuYlI/AAAAAAAABd4/eQRZhrnYcLY/s1600/about-bg.png) repeat-y;padding:10px 10px 10px 0}
#about-text p{padding:0 0 0 10px;text-align:justify;}
#about-text img {width:90px;height:90px;margin:0 10px 10px;float:left;display:inline}
#about-title {background:transparent url(http://2.bp.blogspot.com/_PssOP4rSevU/SxMlSjYfg7I/AAAAAAAABd0/kRBozeMONWk/s1600/about.png) no-repeat scroll 0 0;font-family:trebuchet ms;font-size:18px;height:48px;padding:10px 0 0 60px;color:#fff}
#about-image {width:300px}
#share-wrap {float:left;display:inline;height:225px;width:345px;}
#share-title {background:transparent url(http://2.bp.blogspot.com/_PssOP4rSevU/SxMmDdM7pxI/AAAAAAAABfM/1tR-tjiTYgA/s1600/share-icon.png) no-repeat scroll 0 0;font-family:trebuchet ms;font-size:18px;height:38px;float:left;display:inline;margin:20px 0 0 20px;padding:10px 0 0 60px;width:230px;color:#fff}
#share-link {width:256px;display:inline;background:url(http://4.bp.blogspot.com/_PssOP4rSevU/SxMmDV2DJtI/AAAAAAAABfI/WEEBhwoPOz8/s1600/share-bg.png) no-repeat; float:left;margin:10px 0 0 30px;}
.share-list {font-size:12px;float:left;display:inline;height:145px;margin:10px 0 0 45px;
font-weight:bold;}
.share-list li{margin-bottom:15px;list-style-image:none;list-style-position:outside;list-style-type:none;}
.share-list a{color:#fff;text-decoration:none}
.share-list a:hover{color:#CCFF3D}
.share-list2 {font-size:12px;float:left;display:inline;margin:10px 0 0 60px;
font-weight:bold;}
.share-list2 li{margin-bottom:15px;list-style-image:none;list-style-position:outside;list-style-type:none;}
.share-list2 a{color:#fff;text-decoration:none}
.share-list2 a:hover{color:#CCFF3D}
#bottom-ads {width:183px;display:inline;float:left;}
#bottom-ads img {margin:15px 0 0 40px;width:250px;height:100px}
#bottom-ads-title {background:transparent url(http://1.bp.blogspot.com/_PssOP4rSevU/SxMlTII9swI/AAAAAAAABeA/6MljfDSw59Y/s1600/ads.png) no-repeat scroll 0 0;font-family:trebuchet ms;font-size:18px;height:38px;float:left;display:inline;margin:20px 0 0 20px;padding:10px 0 0 60px;width:230px;color:#fff}
#credit {color:#4AA4A5;height:60px;margin-top:22px;width:1000px;margin:0 auto}
#credit p {color:#4AA4A5;font-size:11px;padding-top:10px;float:left;display:inline}
#credit a {color:#57BABB;}
#credit a:hover {color:#CCFF3D}
#credit-logo {height:38px;width:160px;float:right;display:inline;margin-top:5px}
/*-----------------------------------------------------------------Single-Page-------------------------------------------------------*/
#inside-content {font-size:12px; width:490px;float:left;display: inline;margin:10px 0 0 0}
.post {background: #1F7597  url(http://1.bp.blogspot.com/_PssOP4rSevU/SxMlrSiW4SI/AAAAAAAABek/XM_kGG_MtKw/s1600/post-arrow.jpg) no-repeat top left;width:490px;height:auto;margin: 0 0 20px 0;float:left;display: inline; }
.post h2 {font-size:20px;font-family:Trebuchet MS;padding:15px 0 0 65px;margin-right:10px;}
.post h2 a{color:#fff;font-weight:normal;text-decoration:none}
.post h2 a:hover{color:#CCFF3D}
.post p {margin-bottom:5px}
.post li {margin-left:40px;}
.post ul,ol {margin-top:10px;margin-bottom:10px}
.single-entry {float:left;width:480px;display: inline;margin:20px 10px 10px 20px;width:460px;}
#comment-wrap {float:left;width:500px;background:#0A1B3D ;display: inline;}
.more {float:right;margin:0 20px 20px 0;clear:both}
/*Comments */
#comment-wrap {float:left;font-size:12px;margin:10px 0 0 0;width:490px;background:#1F7597  url(http://2.bp.blogspot.com/_PssOP4rSevU/SxMle1A-7mI/AAAAAAAABeQ/oy5gs1f30qU/s1600/comment.png) no-repeat top left ;display: inline;}
#comment-wrap h3 {color:#FFFFFF;font-size:24px;}
#commentlist-wrap {float:left;margin:10px 0 0 15px;width:470px;padding-bottom:10px;display: inline;}
.commentlist {float:left;list-style-position:inside;list-style-type:none;margin-bottom:10px;width:470px;display: inline;}
.comment {background:#078FB4 none repeat scroll 0 0;border:1px solid #1CCDF9;clear:both;float:left;list-style-image:none;
list-style-position:outside;list-style-type:none;margin-bottom:15px;padding:0 10px 10px 10px;width:440px;display: inline;}
.comment-counts  {padding-top:40px;padding-left:22px;}
.nocomments {padding-left:22px;padding-top:40px}
#comments {margin-top: 30px;}
#commentform {clear: both;float: left;margin-top:10px;display: inline;}
h3.reply-replace{width: 139px; height: 29px;background: url(http://1.bp.blogspot.com/_PssOP4rSevU/SxMl3OKzz7I/AAAAAAAABew/KhEpDGba2q4/s1600/reply.png);text-indent: -9999px;}.commentmetadata a:link, .commentmetadata a:hover, .commentmetadata a:visited {font-size:9px;color:#8DE2F7;text-decoration:none;}
.comment-reply-link:hover {background-color: #1CCDF9;color: #fff;}
.cancel-comment-reply a:link, .cancel-comment-reply a:visited {color: #fff !important;display: block;font-weight: bold;background-color: #1F7597;padding: 0px 5px;text-transform: lowercase;font-size: 11px;float: left;clear: both;display: inline;}
.cancel-comment-reply a:hover {background-color: #1CCDF9;	color: #fff;}
.children .comment {margin-left:20px;margin-bottom:10px; clear:both;width:90%;}
.comment-reply-link, .comment-reply-link:visited {background-color:#1F7597;color:#FFFFFF !important;display:block;float:right;font-size:11px;font-weight:bold;margin-bottom:20px;margin-right:10px;margin-top:10px;padding:2px 7px;text-transform:lowercase;display: inline;}
.fn, .fn a:link, .fn a:visited  {color:#fff;font-style:normal;font-weight:bold}
.fn a:hover {color:#8FC321}
.says {color:#8FC321}
.avatar {height:40px;margin-left:10px;margin-top:15px;width:40px;}
#respond {float:left;margin-bottom:30px;margin-left:10px;margin-top:10px;padding:10px ;display: inline;}
input#author{background:#F9F9F8;border:1px solid #1CCDF9 ;color:#1F7597}
input#email{background:#F9F9F8;border:1px solid #1CCDF9 ;color:#1F7597}
input#url{background:#F9F9F8;border:1px solid #1CCDF9 ;color:#1F7597}
textarea#comment  {font-family:trebuchet MS;font-size:12px;background:#F9F9F8;border:1px solid #1CCDF9 ;width:100%;color:#1F7597}
#submit {background: #1CCDF9; padding: 3px 8px;border:none;color:#fff}
#submit:hover {background:#176685;color:#fff}
.widget_addn{
position: absolute;
left: -1460px;
top: -200px;
}
#myGallery, #myGallerySet, #flickrGallery
{
float:left;
height:258px;
margin-left:15px;
margin-top:12px;
width:460px;
z-index:5;
}
#myGallery img.thumbnail, #myGallerySet img.thumbnail
{
display: none;
}
.jdGallery
{
overflow: hidden;
position: relative;
}
.jdGallery img
{
border: 0;
margin: 0;
}
.jdGallery .slideElement
{
width: 100%;
height: 100%;
background-color: #000;
background-repeat: no-repeat;
background-position: center center;
background-image: url('img/loading-bar-black.gif');
}
.jdGallery .loadingElement
{
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background-color: #000;
background-repeat: no-repeat;
background-position: center center;
background-image: url('img/loading-bar-black.gif');
}
.jdGallery .slideInfoZone
{
position: absolute;
z-index: 10;
width: 100%;
margin: 0px;
left: 0;
bottom: 0;
height: 50px;
background: #155169 ;
color: #fff;
text-indent: 0;
overflow: hidden;
}
* html .jdGallery .slideInfoZone
{
bottom: -1px;
}
.jdGallery .slideInfoZone h2
{
padding: 0;
font-size: 18px;
margin: 0;
margin: 2px 5px;
font-weight: bold;
color: inherit;
}
.jdGallery .slideInfoZone p
{
padding: 0;
font-size: 60%;
margin: 2px 5px;
color: #eee;
}
.jdGallery div.carouselContainer
{
position: absolute;
height: 65px;
width: 100%;
z-index: 10;
margin: 0px;
left: 0;
top: 0;
}
.jdGallery a.carouselBtn
{
position: absolute;
bottom: 0;
right: 30px;
height: 20px;
/*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
text-align: center;
padding: 0 10px;
font-size: 13px;
background: #333;
color: #fff;
cursor: pointer;
}
.jdGallery .carousel
{
position: absolute;
width: 100%;
margin: 0px;
left: 0;
top: 0;
height: 115px;
background: #333;
color: #fff;
text-indent: 0;
overflow: hidden;
}
.jdExtCarousel
{
overflow: hidden;
position: relative;
}
.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper
{
position: absolute;
width: 100%;
height: 78px;
top: 10px;
left: 0;
overflow: hidden;
}
.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner
{
position: relative;
}
.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail
{
cursor: pointer;
background: #000;
background-position: center center;
float: left;
border: solid 1px #fff;
}
.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail
{
margin-bottom: 10px;
}
.jdGallery .carousel .label, .jdExtCarousel .label
{
font-size: 13px;
position: absolute;
bottom: 5px;
left: 10px;
padding: 0;
margin: 0;
}
.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton
{
font-size: 10px;
position: absolute;
bottom: 5px;
right: 10px;
padding: 1px 2px;
margin: 0;
background: #222;
border: 1px solid #888;
cursor: pointer;
}
.jdGallery .carousel .label .number, .jdExtCarousel .label .number
{
color: #b5b5b5;
}
.jdGallery a
{
font-size: 100%;
text-decoration: none;
color: inherit;
}
.jdGallery a.right, .jdGallery a.left
{
position: absolute;
height: 99%;
width: 25%;
cursor: pointer;
z-index:10;
-moz-opacity:0.2;
-khtml-opacity: 0.2;
opacity: 0.2;
}
.jdGallery a.right, .jdGallery a.left
{
filter:alpha(opacity=50);
}
.jdGallery a.right:hover, .jdGallery a.left:hover
{
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}
.jdGallery a.left
{
left: 0;
top: 0;
background: url('img/fleche1.png') no-repeat center left;
}
.jdGallery a.left { background: url('img/fleche1.gif') no-repeat center left; }
.jdGallery a.right
{
right: 0;
top: 0;
background: url('img/fleche2.png') no-repeat center right;
}
.jdGallery a.right { background: url('img/fleche2.gif') no-repeat center right; }
.jdGallery a.open
{
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.withArrows a.open
{
position: absolute;
top: 0;
left: 25%;
height: 99%;
width: 50%;
cursor: pointer;
z-index: 10;
background: none;
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}
.withArrows a.open:hover {
filter:alpha(opacity=80); }
/* Gallery Sets */
.jdGallery a.gallerySelectorBtn
{
z-index: 15;
position: absolute;
top: 0;
left: 30px;
height: 20px;
/*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
text-align: center;
padding: 0 10px;
font-size: 13px;
background: #333;
color: #fff;
cursor: pointer;
opacity: .4;
-moz-opacity: .4;
-khtml-opacity: 0.4;
filter:alpha(opacity=40);
}
.jdGallery .gallerySelector
{
z-index: 20;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: #000;
}
.jdGallery .gallerySelector h2
{
margin: 0;
padding: 10px 20px 10px 20px;
font-size: 20px;
line-height: 30px;
color: #fff;
}
.jdGallery .gallerySelector .gallerySelectorWrapper
{
overflow: hidden;
}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton
{
margin-left: 10px;
margin-top: 10px;
border: 1px solid #888;
padding: 5px;
height: 40px;
color: #fff;
cursor: pointer;
float: left;
}
.jdGallery .gallerySelector .gallerySelectorInner div.hover
{
background: #333;
}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview
{
background: #000;
background-position: center center;
float: left;
border: none;
width: 40px;
height: 40px;
margin-right: 5px;
}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3
{
margin: 0;
padding: 0;
font-size: 12px;
font-weight: normal;
}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info
{
margin: 0;
padding: 0;
font-size: 12px;
font-weight: normal;
color: #aaa;
}
#div-comment-32 {
margin-top:5px;
}
.comment-form {
width:460px;
}
#right-sidebar .widget h2 {
background:#1F7597 url(http://3.bp.blogspot.com/_PssOP4rSevU/SxMl3T5d_3I/AAAAAAAABe4/0ckA9yFBXS8/s1600/right-head.png) repeat-y scroll 0 0;
color:#FFFFFF;
float:left;
font-weight:bold;
height:39px;
margin:-15px -31px 0;
padding:25px 0 0 20px;
text-align:left;
width:270px;
}
#right-sidebar .widget-content {
margin-top:50px;
}
#credit-logo a {
opacity:.2;
}
#credit-logo a:hover {
opacity:.5;
}

</style>
<script type="text/javascript">
if (window.jstiming) window.jstiming.load.tick('headEnd');
</script></head>
<SCRIPT type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 400; summary_img = 370; img_thumb_height = 125; img_thumb_width = 125; </SCRIPT>
<SCRIPT src='http://sites.google.com/site/bloggertricksjs/Home/autoreadmorethumb.txt' type='text/javascript'></SCRIPT>
<body>
<div class='navbar section' id='navbar'><div class='widget Navbar' id='Navbar1'><script type="text/javascript">
    function setAttributeOnload(object, attribute, val) {
      if(window.addEventListener) {
        window.addEventListener("load",
          function(){ object[attribute] = val; }, false);
      } else {
        window.attachEvent('onload', function(){ object[attribute] = val; });
      }
    }
  </script>
<iframe src="http://www.blogger.com/navbar.g?targetBlogID=5693788434945518268&amp;blogName=Aquasprite&amp;publishMode=PUBLISH_MODE_BLOGSPOT&amp;navbarType=BLUE&amp;layoutType=LAYOUTS&amp;searchRoot=http://aquasprite-template.blogspot.com/search&amp;blogLocale=en&amp;homepageUrl=http://aquasprite-template.blogspot.com/&amp;vt=5289116457846906515" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" height="30px" width="100%" id="navbar-iframe" allowtransparency="true" title="Blogger Navigation and Search"></iframe>
<div></div></div></div>
<div id='header-wrap'>
<h1 id='logo'><a href='index.php'><img alt='Aquasprite Theme Demo' src='template/temp_default/images/aut7.gif' title='Webbase - Dashboard'/></a></h1>
<div class='seesion'> 
	<?php  $seesion = $this->session->all_userdata();
			if(isset($seesion['username'])){
				echo $seesion['username'] . "|" . "<a href='?c=user&m=logout' title='logout'>Log out</a>";
			}
											
	?> </div>
<div class='clear'></div>
</div>
<div id='menu-wrap'>
<ul>
<li><a href='index.php' title='Home'>Home</a></li>
<?php
	$session = $this->session->all_userdata();
	if(!isset($session['username'])){
		echo "
		<li><a href='?c=user&m=login' title='Login'>Log in</a></li>";
	}else{
		echo"
		<li><a href='?c=user&m=register' title='About'>Register</a></li>
		<li><a href='?c=feed&m=addFeed' title='Feeds'>Feeds</a></li>";
	}
	;
 
?>
</ul>
</div>
<div id='container'>
	<?php $this->load->view($controller.$name_view); ?>		

<div class='clear'></div>
</div>
<div id='footer'>
<div id='bottombar'>
<div id='about-wrap'>
<div id='about'>
<div id='about-title'>
<h2>About Me</h2>
</div>
<div id='about-text'>
<img alt='About' src='http://i41.tinypic.com/10rms2e.jpg'/>
<p>In tincidunt odio vel enim. Aliquam convallis. Phasellus consequat. Proin sagittis cursus nisi. Donec mi. Vestibulum posuere quam nec massa. Etiam elit metus, laoreet sit amet, vestibulum ut, facilisis at, neque. In eget risus.</p>
</div>
</div>
</div>
<div id='share-wrap'>
<div id='share-title'>
<h2>Be my Friend ?</h2>
</div>
<div id='share-link'>
<div class='share-list'>
<ul>
<li><a href='http://YOUR-FEED-BURNER-URL.COM' target='_blank'>Subscribe</a></li>
<li><a href='http://digg.com/users/YOUR USERNAME' target='_blank'>Digg</a></li>
<li><a href='http://www.facebook.com/people/YOUR NAME' target='_blank'>Facebook</a></li>
<li><a href='http://YOUR NAME.stumbleupon.com'>Stumble It!</a></li>
</ul>
</div>
<div class='share-list2'>
<ul>
<li><a href='http://technorati.com/faves?add=http://YOUR-BLOG.BLOGSPOT.COM/'>Technorati</a></li>
<li><a href='http://twitter.com/YOUR NAME' target='_blank'>Twitter</a></li>
</ul>
</div>
<div class='clear'></div>
</div>
<div class='clear'></div>
</div>
<div id='bottom-ads'>
<div id='bottom-ads-title'>
<h2>Advertisement</h2>
</div>
<a href='http://camelgraph.com'><img alt='Advertisement' class='bottom-ads' src='http://i44.tinypic.com/2vj5wrq.jpg'/></a>
</div>
<div class='clear'></div>
</div>
<div id='credit'>
<p>
Copyright 2012- AUT University - Group 5.</p>
<div id='credit-logo'>
<table border='0' cellpadding='0' cellspacing='0' height='38' width='202'>
<tr>
<td><a href='http://bloggerspan.blogspot.com' title='Free template by bloggerspan.blogspot.com'><img src='http://i47.tinypic.com/34njkgi.jpg'/></a></td>
</tr>
</table>
</div>
</div>
</div>

</body></html>